<html xmlns:calendar="urn:x-szatmary:schemata:calendar.1.0" xmlns="http://www.w3.org/1999/xhtml">
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
<title>calendarXSL.xsl</title>
</head>
<body>
<div id="all">
<div id="banner"></div>
<div id="navigation">
<ul>
<li>
<span class="pressed">Calendar 
                                    Janko</span>
</li>
</ul>
</div>
<div id="up-menu"></div>
<div id="torso">
<div id="left-menu">
<div class="part-left-menu">
<div class="header">
<span class="pressed bannertext-left-menu">News</span>
</div>
</div>
<div class="part-left-menu">
<div class="header">
<span class="pressed bannertext-left-menu">Notes</span>
</div>
</div>
</div>
<div id="content">
<h2>Calendar: 
                                Janko</h2>
<table cellpadding="10" cellspacing="18">
<tr>
<td><span class="date-text" onclick="zobrazSkryj('sp1')">02.
                                                02.
                                                2011</span>
<br>
<br>
<div id="sp1" class="skryvany">
<span class="what-text">Trip to Africa</span>
<br>
<b>Where: </b>Balaton 23,
                                                Budapest,
                                                Hungary<br>
<b>When: </b>20:00<br>
<b>Organisator: </b>Alfonz Helek<br>
<b>Aditional: </b>long trip,
                                                sea, river, ground,
                                                </div>
</td>
</tr>
<tr>
<td><span class="date-text" onclick="zobrazSkryj('sp2')">10.
                                                11.
                                                2011</span>
<br>
<br>
<div id="sp2" class="skryvany">
<span class="what-text">Date</span>
<br>
<b>Where: </b>Hilton in the center,
                                                Manchester,
                                                England<br>
<b>When: </b>15:45<br>
<b>Organisator: </b>Pali Hlava<br>
<b>Aditional: </b>be nice,
                                                Girl would be in red,
                                                18 qears old, she likes ice cream,
                                                </div>
</td>
</tr>
<tr>
<td><span class="date-text" onclick="zobrazSkryj('sp3')">11.
                                                11.
                                                2011</span>
<br>
<br>
<div id="sp3" class="skryvany">
<span class="what-text">Birthday party</span>
<br>
<b>Where: </b>Sudky,
                                                Kosice,
                                                Slovakia<br>
<b>When: </b>19:30<br>
<b>Organisator: </b>Peter Szatmary<br>
<b>Aditional: </b>good mood, alkohol, food, drink,
                                                dancing,
                                                </div>
</td>
</tr>
<tr>
<td><span class="date-text" onclick="zobrazSkryj('sp4')">14.
                                                11.
                                                2011</span>
<br>
<br>
<div id="sp4" class="skryvany">
<span class="what-text">Exhibition</span>
<br>
<b>Where: </b>Ladorskeho 6,
                                                Bratislava,
                                                Slovakia<br>
<b>When: </b>10:10<br>
<b>Organisator: </b>James Watson<br>
<b>Aditional: </b>free entry, duration: cca 1 hour,
                                                </div>
</td>
</tr>
<tr>
<td><span class="date-text" onclick="zobrazSkryj('sp5')">16.
                                                11.
                                                2011</span>
<br>
<br>
<div id="sp5" class="skryvany">
<span class="what-text">Race</span>
<br>
<b>Where: </b>Nikoleto 7,
                                                Warsawa,
                                                Poland<br>
<b>When: </b>20:35<br>
<b>Organisator: </b>Jimmy Ots<br>
<b>Aditional: </b>your own car is required,
                                                100e entry,
                                                </div>
</td>
</tr>
<tr>
<td><span class="date-text" onclick="zobrazSkryj('sp6')">11.
                                                11.
                                                2011</span>
<br>
<br>
<div id="sp6" class="skryvany">
<span class="what-text">Opekacka v zime</span>
<br>
<b>Where: </b>sudky,
                                                kosice,
                                                slovacko<br>
<b>When: </b>17:30<br>
<b>Organisator: </b>James Watson<br>
<b>Aditional: </b>pridte dobre naladeny,
                                                zuruje sa az do rana,
                                                </div>
</td>
</tr>
<tr>
<td><span class="date-text" onclick="zobrazSkryj('sp7')">11.
                                                11.
                                                2011</span>
<br>
<br>
<div id="sp7" class="skryvany">
<span class="what-text">Opekacka v zime</span>
<br>
<b>Where: </b>sudky,
                                                kosice,
                                                slovacko<br>
<b>When: </b>17:30<br>
<b>Organisator: </b>James Watson<br>
<b>Aditional: </b>pridte dobre naladeny,
                                                zuruje sa az do rana,
                                                </div>
</td>
</tr>
<tr>
<td><span class="date-text" onclick="zobrazSkryj('sp8')">11.
                                                11.
                                                2011</span>
<br>
<br>
<div id="sp8" class="skryvany">
<span class="what-text">Opekacka v zime</span>
<br>
<b>Where: </b>sudky,
                                                kosice,
                                                slovacko<br>
<b>When: </b>17:30<br>
<b>Organisator: </b>James Watson<br>
<b>Aditional: </b>pridte dobre naladeny,
                                                zuruje sa az do rana,
                                                </div>
</td>
</tr>
</table>
</div>
</div>
<div id="footer">
                     WEBOV&Eacute; TECHNOL&Oacute;GIE: Zadanie č&iacute;slo 1 ,
                     Autor: Peter Szatmary, ŠKolsk&yacute; rok: 2011/2012
                    </div>
</div>
<script> 
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style; 
el.display=(el.display == 'block')?'none':'block';
}


var zobrazena = "prvni"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
function zobraz(polozka){
if (document.getElementById){
document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
return false; // odkaz neproklikne na href
}
else {
if(document.stylesheets) document.stylesheets["zalozky"].disabled = true; // v nekterych browserech (IE 4) vypne styl nezobrazovani, aby se polozky alespon zobrazily
return true; // odkazy budou proklikavat na href
} 
}
                </script>
</body>
</html>
